<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ps1 {
            font-weight: bold;
        }
        div {
            line-height: 200%;
        }
        .ps2 {
            /* font: 14px “宋体”; */
            font: 14px/28px “宋体”;
        }
    </style>
</head>
<body>
    <!-- 
        粗细 font-weight
        normal  400
        bold  700
        bolder 更粗
        lighter 更细
        100-900
    -->
    <b>粗体标签</b>
    <p class="ps1">加粗显示</p>

    <!-- 
        字体风格 font-style
        normal
        italic 针对英文的倾斜样式
        oblique 文字倾斜
    -->
    <i>斜体标签tag</i>

    <!-- 
        行高 line-height
        px 像素值
        % 本身字体放大缩小
        推荐：firework 字号字体
        垂直居中 文字实际占有高度
    -->
    <div>div标签</div>

    <!-- 
        字体综合 font
        必须要有字体和字号 字号在前面 字体在后面
    -->
    <p class="ps2">奥斯卡大回复是附件客户收到款计划发手机货到付款颈舒颗粒等级
        世纪大街来看；时间到了；啊快结束了大家
        打算几点来；看见啊看了；就是；蓝黛科技埃里克森就到了；卡颈舒颗粒；djalkjs
        科室领导卡；流口水搭克莱斯勒看到了；阿克苏打瞌睡了；dk划分控件上</p>
    


</body>
</html>